const btn = document.getElementById('btn');
const boxContainer = document.getElementById('boxes');
// 添加监听事件
btn.addEventListener('click', () => {
  // 动态添加样式
  boxContainer.classList.toggle('big');
});

// 动态添加小盒子
const createBox = () => {
  // 创建4*4小盒子
  for (let i = 0; i < 4; i++) {
    for (let j = 0; j < 4; j++) {
      let divEle = document.createElement('div');
      // 为小盒子添加类样式
      divEle.classList.add('box');
      // backgroundPosition位置 x,y的坐标
      divEle.style.backgroundPosition = `${-j * 125}px ${-i * 125}px`;
      // 将小盒子添加到大盒子容器
      boxContainer.appendChild(divEle);
    }
  }
};

createBox();
